<!DOCTYPE html>
<html lang="en" class="no-js">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>首页</title>
    <meta content="" name="description" />
    <meta content="" name="keywords" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="HandheldFriendly" content="true" />
    <link rel="stylesheet" href="../assets/css/old/master.css" />
    <!--  <link rel="stylesheet" href="assets/css/iconeffects.css" /> -->
    <link rel="stylesheet" href="../assets/css/old/nav.css">
    <!--图片弹窗-->
    <link href="../assets/plugins/magnific-popup/magnific-popup.css" rel="alternate stylesheet" title="color5" media="all" />
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
    <script>
        (function(H) {
            H.className = H.className.replace(/\bno-js\b/, 'js')
        })(document.documentElement)
    </script>
</head>

<body>
    <!-- 加载页面-->
    <div id="page-preloader"><span class="spinner"></span></div>
    <!-- 加载页面-->
    <div data-header="sticky" data-header-top="200" class="layout-theme animated-css">
        <div class="cd-main">
            <div class="wrap-content cd-section cd-selected">
                <!-- 顶部logo 社交联系方式-->
                <header class="header clearfix">
                    <div class="navbar" role="navigation">
                        <div class="row clearfix">
                            <div class="navbar-header">
                                <button class="navbar-btn" @click="showNav" data-toggle="collapse" data-target="#navbar-default-collapse">
                                <span></span>
                                <span class="hamburger-bar"></span>
                                </button>
                                <div class="navbar-logo">
                                    <h1>
                                        <a class="logo" href="/"></a>
                                    </h1>
                                </div>
                            </div>
                            <div class="navbar-toolbar" ref="nav" id="navbar-default-collapse">
                                <ul class="nav clearfix">
                                    <li>
                                        <a href="../index_old.html" title="首页" class="link active">首页</a>
                                    </li>
                                    <li>
                                        <a href="#" title="拓观设计" class="link">拓观设计
                                        <span class="caret"></span>
                                        </a>
                                        <ul class="sub-nav">
                                            <li>
                                                <a href="#" title="拓观概况">拓观概况</a>
                                            </li>
                                            <li>
                                                <a href="about.html" title="拓观架构">拓观架构</a>
                                            </li>
                                            <li>
                                                <a href="about.html" title="核心技术">核心技术</a>
                                            </li>
                                            <li>
                                                <a href="about.html" title="管理团队">管理团队</a>
                                            </li>
                                            <li>
                                                <a href="about.html" title="设计团队">设计团队</a>
                                            </li>
                                            <li>
                                                <a href="about.html" title="公司荣誉">公司荣誉</a>
                                            </li>
                                            <li>
                                                <a href="about.html" title="拓观客户">拓观客户</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" title="设计业务" class="link">设计业务
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="sub-nav">
                                            <li>
                                                <a href="productlist.html" title="建筑设计">建筑设计</a>
                                            </li>
                                            <li>
                                                <a href="productlist.html" title="商业综合体">商业综合体</a>
                                            </li>
                                            <li>
                                                <a href="productlist.html" title="产业园">产业园</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" title="企业文化" class="link">企业文化
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="sub-nav">
                                            <li>
                                                <a href="category.html" title="学术活动">学术活动</a>
                                            </li>
                                            <li>
                                                <a href="category.html" title="媒体出版">媒体出版</a>
                                            </li>

                                            <li>
                                                <a href="category.html" title="拓观文化">拓观文化</a>
                                            </li>

                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" title="招贤纳士" class="link">招贤纳士
                                        <span class="caret"></span>
                                        </a>
                                        <ul class="sub-nav">
                                            <li>
                                                <a href="#" title="价值分享">价值分享</a>
                                            </li>
                                            <li>
                                                <a href="#" title="社会招聘">社会招聘</a>
                                            </li>
                                            <li>
                                                <a href="#" title="校园招聘">校园招聘</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="contacts.html" title="联系我们" class="link">联系我们</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </header>
                <!-- 顶部logo 社交联系方式-->
                <div class="container">
                    <div class="wrap-nav">
                        <!--导航-->
                        <!--导航结束-->
                        <!--banner图片-->
                        <div id="main-slider" data-slider-width="100%" data-slider-height="750" data-orientation="vertical" class="main-slider main-slider_mod-a main-slider_dark text-center slider-pro">
                            <div class="sp-slides clearfix">
                                <!-- Slide 1-->
                                <div class="sp-slide">
                                    <img src="../assets/media/content/main-slider/1.jpg" alt="slider" class="sp-image" />
                                    <div data-width="100%" data-show-transition="left" data-hide-transition="left" data-show-duration="800" data-show-delay="400" data-hide-delay="400" class="sp-layer">
                                        <h2 class="main-slider__title">拓观
                                            <br>构建社会中不同的建筑,让不同的建筑构建我们的生活.</h2>
                                    </div>
                                    <div data-width="100%" data-show-transition="up" data-hide-transition="left" data-show-duration="800" data-show-delay="1700" data-hide-delay="400" class="sp-layer">
                                        <a href="../index_old.html" class="main-slider__link bg-primary btn btn-xs btn-effect">查看详情</a>
                                    </div>
                                </div>
                                <!-- Slide 2-->
                                <div class="sp-slide">
                                    <img src="../assets/media/content/main-slider/2.jpg" alt="slider" class="sp-image" />
                                    <div data-width="100%" data-show-transition="left" data-hide-transition="left" data-show-duration="800" data-show-delay="400" data-hide-delay="400" class="sp-layer">
                                        <h2 class="main-slider__title">拓观<br>构建社会中不同的建筑,让不同的建筑构建我们的生活.</h2>
                                    </div>
                                    <div data-width="100%" data-show-transition="up" data-hide-transition="left" data-show-duration="800" data-show-delay="1700" data-hide-delay="400" class="sp-layer">
                                        <a href="../index_old.html" class="main-slider__link bg-primary btn btn-xs btn-effect">查看详情</a>
                                    </div>
                                </div>
                                <!-- Slide 3-->
                                <div class="sp-slide">
                                    <img src="../assets/media/content/main-slider/3.jpg" alt="slider" class="sp-image" />
                                    <div data-width="100%" data-show-transition="left" data-hide-transition="left" data-show-duration="800" data-show-delay="400" data-hide-delay="400" class="sp-layer">
                                        <h2 class="main-slider__title">拓观<br>构建社会中不同的建筑,让不同的建筑构建我们的生活. </h2>
                                    </div>
                                    <div data-width="100%" data-show-transition="up" data-hide-transition="left" data-show-duration="800" data-show-delay="1700" data-hide-delay="400" class="sp-layer">
                                        <a href="../index_old.html" class="main-slider__link bg-primary btn btn-xs btn-effect">查看详情</a>
                                    </div>
                                </div>
                                <div class="sp-slide">
                                    <img src="../assets/media/content/main-slider/4.jpg" alt="slider" class="sp-image" />
                                    <div data-width="100%" data-show-transition="left" data-hide-transition="left" data-show-duration="800" data-show-delay="400" data-hide-delay="400" class="sp-layer">
                                        <h2 class="main-slider__title">拓观<br>构建社会中不同的建筑,让不同的建筑构建我们的生活. </h2>
                                    </div>
                                    <div data-width="100%" data-show-transition="up" data-hide-transition="left" data-show-duration="800" data-show-delay="1700" data-hide-delay="400" class="sp-layer">
                                        <a href="../index_old.html" class="main-slider__link bg-primary btn btn-xs btn-effect">查看详情</a>
                                    </div>


                                </div>
                                <div class="sp-slide">
                                    <img src="../assets/media/content/main-slider/5.jpg" alt="slider" class="sp-image" />
                                    <div data-width="100%" data-show-transition="left" data-hide-transition="left" data-show-duration="800" data-show-delay="400" data-hide-delay="400" class="sp-layer">
                                        <h2 class="main-slider__title">拓观<br>构建社会中不同的建筑,让不同的建筑构建我们的生活. </h2>
                                    </div>
                                    <div data-width="100%" data-show-transition="up" data-hide-transition="left" data-show-duration="800" data-show-delay="1700" data-hide-delay="400" class="sp-layer">
                                        <a href="../index_old.html" class="main-slider__link bg-primary btn btn-xs btn-effect">查看详情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--banner图片-->
                    </div>
                </div>
                <!--产品展示-->
                <section class="section-type-a">
                    <div class="wrap-title-bg">
                        <h2 class="ui-title-bg">最新设计项目</h2>
                    </div>
                    <div data-jarallax="{&quot;type&quot;: &quot;scroll-opacity&quot;, &quot;speed&quot;: &quot;.2&quot;}" style="background-image: url(../assets/media/content/bg/1.jpg)" class="section-default section-bg section-bg_dark jarallax">
                        <div class="container">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="section__inner">
                                        <div id="slider-1" class="slider-pro slider-thumbnails">
                                            <div class="sp-slides clearfix">
                                                <div class="sp-slide">
                                                    <article class="post post-2 post-2_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post-slider/main/1.jpg" class="prettyPhoto">
                                                                <img src="../assets/media/content/post-slider/main/1.jpg" alt="Photo" class="img-responsive" /></a>
                                                            <span class="label bg-6">上海绿地创新产业中心项目</span>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title text-uppercase">
                                                                    <a href="news_details_1.html">
                                                                    上海绿地创新产业中心
                                                                </a>
                                                                </h2>
                                                            </div>

                                                            <div class="entry-content">
                                                                <p>
                                                                    上海绿地创新产业中心项目始于2017年初，规模达到6200平方米<br/> 时间：2017
                                                                    <br/> 规模：6200平方米
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </div>
                                                <div class="sp-slide">
                                                    <article class="post post-2 post-2_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post-slider/main/1.jpg" class="prettyPhoto">
                                                                <img src="../assets/media/content/post-slider/main/1.jpg" alt="Photo" class="img-responsive" /></a>
                                                            <span class="label bg-6">上海绿地创新产业中心项目1</span>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title text-uppercase">
                                                                    <a href="news_details_1.html">
                                                                    上海绿地创新产业中心1
                                                                </a>
                                                                </h2>
                                                            </div>

                                                            <div class="entry-content">
                                                                <p>
                                                                    上海绿地创新产业中心项目始于2017年初，规模达到6200平方米<br/> 时间：2018
                                                                    <br/> 规模：6200平方米
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </div>
                                                <div class="sp-slide">
                                                    <article class="post post-2 post-2_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post-slider/main/1.jpg" class="prettyPhoto">
                                                                <img src="../assets/media/content/post-slider/main/1.jpg" alt="Photo" class="img-responsive" /></a>
                                                            <span class="label bg-6">上海绿地创新产业中心项目2</span>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title text-uppercase">
                                                                    <a href="news_details_1.html">
                                                                    上海绿地创新产业中心
                                                                </a>
                                                                </h2>
                                                            </div>

                                                            <div class="entry-content">
                                                                <p>
                                                                    上海绿地创新产业中心项目始于2017年初，规模达到6200平方米<br/> 时间：2017
                                                                    <br/> 规模：6200平方米
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </div>
                                                <div class="sp-slide">
                                                    <article class="post post-2 post-2_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post-slider/main/1.jpg" class="prettyPhoto">
                                                                <img src="../assets/media/content/post-slider/main/1.jpg" alt="Photo" class="img-responsive" /></a>
                                                            <span class="label bg-6">上海绿地创新产业中心项目3</span>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title text-uppercase">
                                                                    <a href="news_details_1.html">
                                                                    上海绿地创新产业中心1
                                                                </a>
                                                                </h2>
                                                            </div>

                                                            <div class="entry-content">
                                                                <p>
                                                                    上海绿地创新产业中心项目始于2017年初，规模达到6200平方米<br/> 时间：2018
                                                                    <br/> 规模：6200平方米
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </div>
                                                <div class="sp-slide">
                                                    <article class="post post-2 post-2_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post-slider/main/1.jpg" class="prettyPhoto">
                                                                <img src="../assets/media/content/post-slider/main/1.jpg" alt="Photo" class="img-responsive" /></a>
                                                            <span class="label bg-6">上海绿地创新产业中心项目4</span>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title text-uppercase">
                                                                    <a href="news_details_1.html">
                                                                    上海绿地创新产业中心
                                                                </a>
                                                                </h2>
                                                            </div>

                                                            <div class="entry-content">
                                                                <p>
                                                                    上海绿地创新产业中心项目始于2017年初，规模达到6200平方米<br/> 时间：2017
                                                                    <br/> 规模：6200平方米
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </div>
                                                <div class="sp-slide">
                                                    <article class="post post-2 post-2_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post-slider/main/1.jpg" class="prettyPhoto">
                                                                <img src="../assets/media/content/post-slider/main/1.jpg" alt="Photo" class="img-responsive" /></a>
                                                            <span class="label bg-6">上海绿地创新产业中心项目5</span>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title text-uppercase">
                                                                    <a href="news_details_1.html">
                                                                    上海绿地创新产业中心1
                                                                </a>
                                                                </h2>
                                                            </div>

                                                            <div class="entry-content">
                                                                <p>
                                                                    上海绿地创新产业中心项目始于2017年初，规模达到6200平方米<br/> 时间：2018
                                                                    <br/> 规模：6200平方米
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </div>
                                            </div>
                                            <div class="sp-thumbnails">
                                                <div class="sp-thumbnail">
                                                    <article class="post post-2 post-2_mod-b clearfix">
                                                        <div class="entry-media"><img src="../assets/media/content/post-slider/thumb/1.jpg" alt="上海中心建筑设计" class="img-responsive" />
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title text-uppercase">上海绿地创新产业中心2</h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="entry-meta__item">
                                                                时间：2017
                                                                    <br/> 规模：6200平方米</span></div>
                                                        </div>
                                                    </article>
                                                </div>
                                                <div class="sp-thumbnail">
                                                    <article class="post post-2 post-2_mod-b clearfix">
                                                        <div class="entry-media"><img src="../assets/media/content/post-slider/thumb/1.jpg" alt="上海中心建筑设计" class="img-responsive" />
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title text-uppercase">上海绿地创新产业中心3</h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="entry-meta__item">
                                                                时间：2018
                                                                    <br/> 规模：6200平方米</span></div>
                                                        </div>
                                                    </article>
                                                </div>
                                                <div class="sp-thumbnail">
                                                    <article class="post post-2 post-2_mod-b clearfix">
                                                        <div class="entry-media"><img src="../assets/media/content/post-slider/thumb/1.jpg" alt="上海中心建筑设计" class="img-responsive" />
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title text-uppercase">上海绿地创新产业中心4</h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="entry-meta__item">
                                                                时间：2017
                                                                    <br/> 规模：6200平方米</span></div>
                                                        </div>
                                                    </article>
                                                </div>
                                                <div class="sp-thumbnail">
                                                    <article class="post post-2 post-2_mod-b clearfix">
                                                        <div class="entry-media"><img src="../assets/media/content/post-slider/thumb/1.jpg" alt="上海中心建筑设计" class="img-responsive" />
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title text-uppercase">上海绿地创新产业中心5</h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="entry-meta__item">
                                                                时间：2018
                                                                    <br/> 规模：6200平方米</span></div>
                                                        </div>
                                                    </article>
                                                </div>
                                                <div class="sp-thumbnail">
                                                    <article class="post post-2 post-2_mod-b clearfix">
                                                        <div class="entry-media"><img src="../assets/media/content/post-slider/thumb/1.jpg" alt="上海中心建筑设计" class="img-responsive" />
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title text-uppercase">上海绿地创新产业中心</h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="entry-meta__item">
                                                                时间：2017
                                                                    <br/> 规模：6200平方米</span></div>
                                                        </div>
                                                    </article>
                                                </div>
                                                <div class="sp-thumbnail">
                                                    <article class="post post-2 post-2_mod-b clearfix">
                                                        <div class="entry-media"><img src="../assets/media/content/post-slider/thumb/1.jpg" alt="上海中心建筑设计" class="img-responsive" />
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title text-uppercase">上海绿地创新产业中心1</h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="entry-meta__item">
                                                                时间：2018
                                                                    <br/> 规模：6200平方米</span></div>
                                                        </div>
                                                    </article>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!--产品展示-->
                <!--新闻展示 -->
                <div class="section-type-c news">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <section class="section-area wow">
                                    <div class="wrap-title-bg">
                                        <h2 class="ui-title-bg">新闻动态</h2>
                                    </div>
                                    <ul class="nav nav-tabs">
                                        <li class="tabs-label">新闻分类</li>
                                        <li class="active"><a class="news-tab-1" href="#tab-1" data-toggle="tab">行业新闻</a></li>
                                        <li><a href="#tab-2" data-toggle="tab">公司新闻</a></li>
                                    </ul>
                                    <div class="tab-content">
                                        <div id="tab-1" class="tab-pane fade in active">
                                            <div class="row max-screen">
                                                <div class="col-md-6">
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/1.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/1.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/1.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/1.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/1.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/1.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </div>
                                                <div class="col-md-6">
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/1.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/1.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/1.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/1.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/1.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/1.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </div>
                                            </div>
                                            <div class="mini-screen hide">
                                                <div class="mini-news clearfix">2017端午“粽”动员，体会传统端午文化的魅力。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="tab-2" class="tab-pane fade">
                                            <div class="row max-screen">
                                                <div class="col-md-6">
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/2.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/2.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/2.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/2.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/2.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/2.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/2.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/2.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </div>
                                                <div class="col-md-6">
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/2.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/2.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/2.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/2.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/2.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/2.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                    <article class="post post-3 post-3_mod-a clearfix">
                                                        <div class="entry-media">
                                                            <a href="../assets/media/content/post/100x100/2.jpg" class="prettyPhoto"><img src="../assets/media/content/post/100x100/2.jpg" alt="Photo" class="img-responsive" /></a>
                                                        </div>
                                                        <div class="entry-main">
                                                            <div class="entry-header">
                                                                <h2 class="entry-title"><a href="news_details_1.html">2017端午“粽”动员，各位水石人包粽子、制香囊、编蛋网，体会传统端午文化的魅力。</a>
                                                                </h2>
                                                            </div>
                                                            <div class="entry-meta"><span class="category color-4">entertainment</span>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </div>
                                            </div>
                                            <div class="mini-screen hide">
                                                <div class="mini-news clearfix">2017年水石6·1游园会，这个儿童节不简单。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017年水石6·1游园会，小沯带领各位大小朋友们进行夺宝探索，更有暖心的生日party。这个儿童节不简单。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017年水石6·1游园会，小沯带领各位大小朋友们进行夺宝探索，更有暖心的生日party。这个儿童节不简单。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017年水石6·1游园会，小沯带领各位大小朋友们进行夺宝探索，更有暖心的生日party。这个儿童节不简单。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017年水石6·1游园会，小沯带领各位大小朋友们进行夺宝探，更有暖心的生日party。这个儿童节不简单。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017年水石6·1游园会，小沯带领各位大小朋友们进行夺宝探索，更有暖心的生日party。这个儿童节不简单。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017年水石6·1游园会，小沯带领各位大小朋友们进行夺宝探索，更有暖心的生日party。这个儿童节不简单。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017年水石6·1游园会，小沯带领各位大小朋友们进行夺宝探索，更有暖心的生日party。这个儿童节不简单。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>
                                                <div class="mini-news clearfix">2017年水石6·1游园会，小沯带领各位大小朋友们进行夺宝探索，更有暖心的生日party。这个儿童节不简单。
                                                    <a href="details.html" class="moredetails">查看详情</a>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </section>
                            </div>
                        </div>
                    </div>
                </div>
                <!--新闻展示 -->
                <!--页脚-->
                <footer class="footer">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-4 about">
                                <div class="footer__first-section">
                                    <a href="../index_old.html" class="footer__logo">
                                        <img src="../assets/media/general/logo_mod-b.png" alt="logo" class="img-responsive"></a>
                                    <div class="footer__info">
                                        上海拓观---1999年创建于上海，致力成为中国地产设计专家。受其对行业趋势与设计组织发展方式的判断与思考，其机构发展突出专业化、规模化。目前拥有上海水石建筑规划设计股份有限公司、上海水石城市规划设计有限公司、上海水石工程设计有限公司、上海水石景观环境设计有限公司等多家设计机构，在重庆设有分公司；拥有建筑工程甲级设计资质，其核心技术能力涉及地产领域细分的精品住宅、主题产业园、城市综合体、城市更新。
                                    </div>
                                    <div class="decor-right decor-right_sm"></div>
                                    <div class="footer-contacts">
                                        <div class="footer-contacts__item"><i class="icon fa fa-location-arrow"></i> 上海市黄浦区北京路335号2号楼18楼111室
                                        </div>
                                        <div class="footer-contacts__item"><i class="icon fa fa-phone"></i> 12345678901
                                        </div>
                                        <div class="footer-contacts__item"><i class="icon fa fa-envelope"></i> call@god.com
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-8 col-sm-12">
                                <div class="clearfix">
                                    <div class="footer-wrap-section">
                                        <section class="footer-section footer-navbar">
                                            <h3 class="footer__title ui-title-inner">关于拓观</h3>
                                            <div class="decor-right decor-right_sm bg-7"></div>
                                            <ul class="footer-list list list-mark-2">
                                                <li><a href="category.html">新闻中心</a></li>
                                                <li><a href="category.html">设计团队</a></li>
                                                <li><a href="category.html">联系我们</a></li>
                                            </ul>
                                        </section>
                                        <section class="footer-section">
                                            <h3 class="footer__title ui-title-inner">联系我们</h3>
                                            <div class="decor-right decor-right_sm bg-13"></div>
                                            <ul class="footer-list list list-mark-2">
                                                <li><a href="category.html">电话:02155665566</a></li>
                                                <li><a href="category.html">手机:12345678910</a></li>
                                                <img src="../assets/media/general/0.png" class="img-responsive" alt="">
                                            </ul>
                                        </section>
                                        <section class="footer-section">
                                            <h3 class="footer__title ui-title-inner">产品中心</h3>
                                            <div class="decor-right decor-right_sm bg-3"></div>
                                            <ul class="footer-list list list-mark-2">
                                                <li><a href="category.html">案例中心</a></li>
                                                <li><a href="category.html">产品中心</a></li>
                                                <img src="../assets/media/general/0.png" class="img-responsive" alt="">
                                            </ul>
                                        </section>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="footer-bottom">
                        <div class="container" style="width:100%">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="footer-bottom__link bg-primary">
                                        <div class="footer-bottom__wrap-link">在线联系<i class="icon fa fa-caret-right"></i></div>
                                    </div>
                                    <div class="footer-bottom__inner">
                                        <ul class="social-links list-inline">
                                            <li>
                                                <a href="twitter.com" class="social-links__item_link"><i
                                                    class="icon fa fa-qq"></i></a>
                                            </li>
                                            <li><a href="facebook.com" class="social-links__item_link"><i
                                                class="icon fa fa-weixin"></i></a></li>
                                        </ul>
                                    </div>
                                    <div class="copyright">Copyright &copy; 2016-2020.上海拓观 版权所有.<a target="_blank" href="">沪icp12345-1</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
    </div>
    <script src="../assets/js/main.js"></script>
    <script src="../assets/plugins/countto/jquery.countTo.js"></script>
    <script src="../assets/js/separate-js/custom.js"></script>
    <script src="../assets/plugins/3d-bold-navigation/main.js"></script>
    <script src="../assets/plugins/bootstrap/bootstrap.min.js"></script>
    <script src="../assets/plugins/slider-pro/jquery.sliderPro.js"></script>
    <script src="../assets/plugins/owl-carousel/owl.carousel.min.js"></script>
    <script src="../assets/plugins/isotope/isotope.pkgd.min.js"></script>
    <script src="../assets/plugins/prettyphoto/jquery.prettyPhoto.js"></script>
    <script src="../assets/plugins/bootstrap-select/bootstrap-select.js"></script>
    <script src="../assets/plugins/rendro-easy-pie-chart/jquery.easypiechart.min.js"></script>
    <script src="../assets/plugins/doubletaptogo.js"></script>
    <script src="../assets/plugins/waypoints.min.js"></script>
    <script src="../assets/plugins/news-ticker/js/endlessRiver.js"></script>
    <script src="../assets/plugins/datetimepicker/jquery.datetimepicker.js"></script>
    <script src="../assets/plugins/flexslider/jquery.flexslider.js"></script>
    <script src="../assets/plugins/jarallax/jarallax.js"></script>
    <script src="../assets/plugins/scrollreveal/scrollreveal.js"></script>
    <script src="../assets/plugins/classie.js"></script>
    <script src="../assets/plugins/switcher/js/dmss.js"></script>
</body>

</html>